html,body{font:14px/22px "Microsoft YaHei","微软雅黑","宋体",Arail}

input[type=checkbox],input[type=radio]{
    vertical-align: middle;
    margin-top: -3px;
    margin-bottom: -1px;
    margin-right: 3px;
}

.record_left{width: 50%;}
.record_right{width: 48%;margin-left: 10px;}
.record_right h4{margin: 0 0 5px 0;}
.record_modul{margin: 0 0 15px 0 !important;}
.record_modul li{display: inline-block;padding: 0 10px 0 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:100px;}
.select_word{border-bottom: 2px solid #ccc;padding-bottom: 10px;}
.select_word li{width:10%;text-align: center}

.ebill_info{width:815px;}
.metro .mr20 {margin-right: 20px}
.metro .ml20 {margin-left: 20px}
.metro .mt20{margin-top: 20px;}

.no_empty{color: #ccc;font-size: 18px;text-align: center;margin-top: 90px;}
.vbar{color: #CCCCCC;padding: 0 3px;}


.myClass,.myClass1,.myClass2,.myClass3{text-align: center;}
.myClass thead,.myClass1 thead,.myClass2 thead,.myClass3 thead{
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,#f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,#f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,#f9f9f9 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,#f9f9f9 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

}
.myClass_q thead{background-color: #fbf8f4;border-top: 1px solid  #e3e4e6;font-size: 12px;font-weight: bold;color: #868584;}
.myClass thead{position:relative;border-top: 4px solid #78AF87;}
.myClass1 thead{position:relative;border-top: 4px solid #529DBD;}
.myClass2 thead{position:relative;border-top: 4px solid #D36B68;}
.myClass3 thead{position:relative;border-top: 4px solid #937342;}

.color1{color:#529DBD}
.color2{color:#78AF87}
.color3{color:#D36B68}
.color4{color:#937342}

.table_sum {border: 1px solid #EAEAEA;}
.table_sum td{border: none !important;background-color: #f5f5f5;font-weight: bold;padding: 12px 8px!important;}

.wd_logo{float: left;margin-top: 10px;}
.metro .navheader{float:left;margin:0 0 0 30px ;position:relative;}
.metro .navheader li{display: inline-block;height:67px;padding: 0 20px;position: relative;}
.metro .navheader li a{color: #999999;float: left;font-size: 20px;height: 70px;line-height: 70px;transition: all 0.2s ease-in-out 0s;}
.metro .navheader li a:hover{color: #333333;border-bottom: 3px solid #019875;}
.metro .navheader li.current a{border-bottom: 3px solid #019875;color: #333333;}


.metro dl.horizontal dt{width: 70px;}
.metro dl.horizontal dd{margin-left: 80px}
.metro dl.horizontal dd p{margin-bottom: 3px;}
.metro dl.horizontal dd small{font-size: 11px;}

.metro .statistical {list-style: none;padding: 0;margin: 0;}
.metro .statistical li {display: inline-block;margin:0 0 15px 0;padding: 0;width: 31%}

.metro .panel {border: 1px solid #ccc;}
.metro .panel-body {padding: 5px 0;min-height: 230px;}
.metro .panel-heading {padding: 5px 15px;border-bottom: 1px solid #dddddd;color: #333333;background-color: #FAFAFA;}
.metro .panel-title {margin-top: 0;margin-bottom: 0;font-weight: 400;font-size: 12pt;color: #000;}

.panel_z,.panel_t,.panel_q,.panel_y{border: 1px solid #ccc;}
.panel_z_head,.panel_t_head,.panel_q_head,.panel_y_head{padding: 10px;border-bottom: 1px solid #ccc;line-height: 40px;}
.panel_z_head .cycle,.panel_t_head .cycle,.panel_q_head .cycle,.panel_y_head .cycle{height:40px;width: 40px;line-height:36px;text-align: center;border-radius: 50%;font-size: 24px;display: inline-block;}

.panel_z_head{border-top: 4px solid #d36b68;}
.panel_t_head{border-top: 4px solid #529dbd;}
.panel_q_head{border-top: 4px solid #78af87;}
.panel_y_head{border-top: 4px solid #937342;}
.panel_z_head .cycle{border: 1px solid #d36b68;}
.panel_t_head .cycle{border: 1px solid #529dbd;}
.panel_q_head .cycle{border: 1px solid #78af87;}
.panel_y_head .cycle{border: 1px solid #937342;}
.panel_z_head .cycle,.panel_z_head i,.fg_z{color: #d36b68 !important;}
.panel_t_head .cycle,.panel_t_head i,.fg_t{color: #529dbd !important;}
.panel_q_head .cycle,.panel_q_head i,.fg_q{color: #78af87 !important;}
.panel_y_head .cycle,.panel_y_head i,.fg_y{color: #937342 !important;}

.jz_slider{background-color: #F5F5F5}
.wd_useInfo{text-align: center;padding: 20px 0 10px;border-bottom: 1px  solid #ccc;}
.stickit {position: fixed;top: 0;z-index: 10}
.stickit-end { bottom: 40px;position: absolute;right: 0;}

.metro .wd_form{}
.metro .wd_form .form_group{position: relative}
.metro .wd_form .input_wrap{position:relative;display: inline-block;}
.metro .wd_form .w100{width: 100px !important;}
.metro .wd_form .ml100{margin-left: 105px;}
.metro .wd_form .w170{width: 170px !important;}
.metro .wd_form .label{display: inline-block;width: 100px;text-align: right;height: 32px;line-height: 32px;}
.metro .wd_form .form_unit{display: inline-block;color: #cccccc;height: 32px;line-height: 30px;;position: absolute;right: 8px;top: 0;}
.metro .wd_form .form_text{border: 1px solid #D9D9D9;height: 32px;line-height:32px;padding: 5px;width:200px;}
.metro .wd_form .form_text:active,.metro .wd_form .form_text:focus{border: 1px solid #000;}
.metro .wd_form .form_select{border: 1px solid #D9D9D9;height: 32px;line-height:32px;padding: 5px;width:200px;}
.metro .wd_form .form_textarea{min-height: 100px;border: 1px solid #D9D9D9;padding: 5px;width: 250px;margin-top: 12px;}

#hotRoller{height: 20px;line-height:20px;overflow: hidden;position: relative;}
#hotRoller ul{padding: 0;margin: 0;position: absolute;}

.error_wrapper{padding:3px 10px;top:1px;border:1px solid #FFAD77;display: inline-block;position: relative;margin-left: 20px;background:#FFFFD0;}
.error_wrapper span{position: absolute;height: 0;width: 0}
.error_wrapper .error_bot{left:-16px;top:7px;border-width: 8px;border-style: dashed solid dashed dashed;border-color: transparent #FFAD77 transparent transparent;}
.error_wrapper .error_top{left:-15px;top:7px;border-width: 8px;border-style: dashed solid dashed dashed;border-color: transparent #FFFFD0 transparent transparent;}
.error_wrapper .error_content{line-height: 24px;color: #f00;white-space: nowrap;}
.form_success{padding-left: 20px;height: 12px;margin-left: 10px;display: inline-block;}

ul.mailtip{float: none;background-color: #fcfeff;list-style: none;border:1px solid #97bccc;overflow: hidden; border-top: none;position: absolute;margin: 0;padding: 0;}
ul.mailtip li p{line-height: 30px;cursor: pointer; margin: 0 9px; overflow: hidden; word-wrap: break-word; height: 30px;}
ul.mailtip li:last-child{border-radius: 0px 0px 10px 10px;}
ul.mailtip li.active{background: #eaeaea;}
ul.mailtip li.hover{background: #e7f6ff;}

.wd_dropDown_active{background-color: #fff!important;}
.metro ul.wd_cdropDown{position: absolute;display: none;background-color: #fcfeff;border:1px solid #97bccc;list-style: none;margin: 0;padding: 0;}
.metro ul.wd_cdropDown li{line-height: 30px;overflow: hidden; word-wrap: break-word; height: 30px;}
.metro .table tr td .wd_cdropDown li a{color: #2E92CF!important;}

#scrollUp{right:20px;bottom: 20px;}
.wd_calendar{position: absolute;top: 8px;right: 5px;min-height: 1px;min-width: 1px;font-size: 18px !important;padding: 0;margin: 0;cursor: pointer;}

.wrap{min-height: 100%;height: auto;margin: 0 auto -70px;padding: 0 0 60px;}
footer{height: 70px;background-color: #f5f5f5;padding: 10px 0;}
footer .inline{padding: 0;margin: 0 0 5px 0;}



